$statusWidth: 1000px;
$statusHeight: 700px;
.hideStatusModal {
  opacity: 0;
  pointer-events: none;
}
.statusModal {
  width: $statusWidth !important;
  height: $statusHeight !important;
  .ant-modal-body{
    position: relative;
    height: 700px;
  }

  .gallery{
    position: relative;
    width: 860px;
    height: 450px;
    margin: auto;
    margin-bottom: 10px;
    box-shadow: -3px 0px 8px -4px #000;
    overflow: hidden;
    background: white;
  
    img{
      width: 100%;
      height: 100%;
      object-fit: contain;
      cursor: grab;
      position: absolute;
      background:#eee;
    }
    .img-tools{
      position: absolute;
      bottom: 0px;
      padding:10px;
      display: flex;
      align-items: center;
      .tool{
        width: 30px;
        height: 30px;
        margin-left: 5px;
        cursor: pointer;
        svg{
          width: 100%;
          height: 100%;
          fill:#bbb;
          &:hover{
            fill:black;
          }
        }
        &.recover{
          padding:1px;
        }
      }
    }
  }
  

  .swiper-wrapper {
  }
  .swiper-slide {
    background-size: cover;
    background-position: center;
    
    img {
      text-align: center;
      object-fit: contain;
      height: 100%;
      width: 100%;
    }
  }

  .gallery-top {
    width: 100%;
    height: 480px;
    position: relative;
    .swiper-wrapper {
      margin: auto;
      .swiper-slide{
      }
    }
    .swiper-button-next {
      left: auto;
    }
    .swiper-button-prev {
    }
    .swiper-button-disabled {
    }
  }

  .gallery-thumbs {
    position: relative;
    box-sizing: border-box;
    padding: 10px 0;
    height: 120px;
  }

  .gallery-thumbs .swiper-slide {
    width: 25%;
    height: 100%;
    opacity: 0.4;
    background: #eee;
    border-radius: 5px;
    margin: 0px 10px;
    box-sizing: border-box;
    img {
      text-align: center;
    }
  }

  .gallery-thumbs .swiper-slide-thumb-active,.gallery-thumbs .swiper-slide-active {
    opacity: 1;
  }
  .info {
    .ant-row {
      margin-top: 20px;
    }
  }
}
